<template>
	<view style="padding: 20rpx;">
		<view style="text-align: center;">
			<image src="../../static/logo_small.jpg" class="logo-img" ></image><br/>
			源码时代
		</view>
		 <view class="uni-form-item uni-column" style="height: 60rpx;">
			<input class="uni-input" @input="inputPhone" placeholder="请输入手机号" />
		</view>
		
		<view class="uni-form-item uni-column">
			<input class="uni-input input-smscode"  @input="inputImageCode" type="text" placeholder="请输入图片验证码" />
			<image src="../../static/imagecode.png" style="width: 200rpx;height: 70rpx;"></image>
		</view>
		
		 <view class="uni-form-item uni-column">
			<input class="uni-input input-smscode" @input="inputSMSCode" type="text" placeholder="请输入验证码" />
			<text class="smscode-text">获取验证码</text>
		</view>
		<view class="uni-form-item uni-column" style="height: 60rpx;">
			<input class="uni-input" @input="inputPassword" password type="text"  placeholder="请输入密码" />
		</view>
		<view class="protoctl-view">
			注册即同意《源码注册协议》
		</view>
		<view style="text-align: center;margin-top: 40rpx;">
			<button  plain="true" @click="confirmFilter('showLeft')" type="primary" class="login-button">注 册</button>
		</view>
		
		<view class="register-view" @click="toLogin">
			我要登录>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone:"",
				password:"",
				imagecode:"",
				smscode:""
			}
		},
		methods: {
			toLogin(){
				uni.navigateTo({
					url:"../login/login"
				})
			},
			inputPhone(event){
				this.phone = event.target.value
			},
			inputPassword(event){
				this.password = event.target.value
			},
			inputSMSCode(event){
				this.smscode = event.target.value
			},
			inputImageCode(event){
				this.imagecode = event.target.value
			},
		}
	}
</script>

<style>
	.uni-form-item{
		border-bottom: 1rpx solid #9b9ba2;
		margin-top: 40rpx;
		height: 90rpx;
		line-height: 90rpx;
	}
	.input-smscode{
		width: 70%;
		display: inline-block;
	}
	.smscode-text{
		font-size: 38rpx;
		color: #555555;
	}
	.login-button{
		border-radius: 60rpx;
		font-size: 38rpx;
	}
	.register-view{
		text-align: center;
		color: #1893ff;
		font-size: 32rpx;
		margin-top: 40rpx;
	}
	.logo-img{
		border-radius: 50%;width: 160rpx;height: 160rpx;
		border: 1px solid #9c9c9c;
		border-radius: 50%;
	}
	.protoctl-view{
		color: #7e7e7e;
		text-align: center;
		margin-top: 40rpx;
		font-size: 34rpx;
	}
</style>
